.myActive {
  background-color: rgb(247 247 247);
  height: 100vh;

  .myActive-scroll {
    flex: 1;
    height: calc(100vh - 120px);
  }

  .t_row {
    flex-direction: row;
    width: 100%;
    position: relative;
    top: 0;
    background-color: #ffffff;
    padding: 20px 0;
  }

  .t_view {
    flex: 1;
    flex-direction: column;
    align-content: center;
    justify-content: center;
  }

  .t_a_text {
    font-size: 30px;
    color: #218cff;
    text-align: center;
  }

  .t_a_border {
    width: 56px;
    height: 8px;
    background-color: #218cff;
    margin: 8px 0 0 9vw;
    border-radius: 5px;
  }

  .t_text {
    font-size: 30px;
    color: #333333;
    text-align: center;
  }

  .t_border {
    width: 56px;
    height: 8px;
    background-color: #ffffff;
    margin: 8px 0 0 ceil(100vw * 0.1);
    border-radius: 5px;
  }

  .activeMain {
    margin: 30px;
  }

  .detailBottom {
    padding: 20px;
    background-color: #fff;
  }

  .subBox {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0 20px 20px 20px;
  }

  .TS {
    font-size: 30px;
    color: #333333;
  }

  .ATS {
    font-size: 30px;
    color: #218cff;
  }
}

.status {
  font-size: 24px;
  color: #a3a3a3;
  text-align: center;
  margin-top: 20px;
  padding-bottom: env(safe-area-inset-bottom);
}
